body{
	background: #f3f4f9;
	font-family: "微软雅黑";
}
#me{
	color: #06c1ae;
}
#index,#nearby,#shop{
	color: #666;
}
.personal-top-box{
	width: 100%;
	height: 188px;
	background: url(../img/personal_top_icon.jpg) no-repeat 0 0;
	background-size: 100% 100%;
	position: relative;
}
.personal-top-box .avatar-box{
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	margin: 0 auto;
	position: absolute;
	top: 23px;
	left: 50%;
	margin-left: -35px;
	background: #49c9bb;
}
.personal-top-box .avatar-box img{
	width: 66px;
	height: 66px;
	border-radius: 66px;
	border: 2px solid rgba(73,201,187,.37);
	margin-top: 2px;
	margin-left: 2px;
	background: #eeeeee;
}
.personal-top-box .userBox{
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 9px;
	margin: 0;
	padding: 0;
}
.personal-top-box .user-name{
	color: #f8f8f8;
	text-align: center;
	width: 100%;
	font-size: 15px;
	padding-top: 98px;
}
.personal-top-box .user-name img{
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin-top: 1px;
	margin-left: 8px;
	position: absolute;
}
.personal-top-box .userBox li{
	float: left;
	width: 33.33%;
	text-align: center;
	list-style: none;
}
.personal-top-box .userBox li span{
	display: block;
	width: 100%;
	text-align: center;
	color: #f8f8f8 ;
	font-size: 14px;
}
.personal-top-box .userBox li span:nth-child(1){
	margin-bottom: 2px;
	font-size: 13px;
}
.middle-box{
	width: 100%;
	height: 68px;
	margin: 0 auto;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
}
.middle-box ul{
	margin: 0;
	padding: 0;
}
.middle-box ul li{
	float: left;
	width: 25%;
	list-style: none;
	text-align: center;
	border-right: 1px solid #dbdbdb;
	margin: 7px 0 4px 0;
}
.middle-box ul li img{
	width: 25px;
	height: auto;
	display: block;
	margin: 8px auto 10px auto;
}
.middle-box ul li span{
	font-size: 12px;
	color: #6b6b6b;
	display: block;
	text-align: center;
	line-height: 12px;
}
.personal-top-box .set{
	background: url(../img/set-icon.png) no-repeat 0 0;
	width: 26px;
	height: 26px;
	color: #fff;
	position: absolute;
	top: 15px;
	right: 23px;
	background-size: cover;
}
.personal-top-box .personal-news{
	background: url(../img/xiaoxi.png) no-repeat 0 0;
	width: 22px;
	height: 22px;
	color: #fff;
	position: absolute;
	top: 18px;
	right: 57px;
	background-size: cover;
}
#ifRead{
	position: absolute;
	width: 6px;
	height: 6px;
	top: -1px;
	right: -1px;
	background: #f00;
	border-radius: 6px
}
.personal-top-box .news{
	position: absolute;
	right: 47px;
	top: 92px;
	color: #fff;
	background: url(../img/edit_account_icon.png) no-repeat 0 0;
	background-size: cover;
	width: 34px;
	height: 34px;
}
.personal-order,.more-tool{
	width: 100%;
	height: auto;
}
.personal-order .order-title,.more-tool .order-title{
	font-size: 16px;
	width: 100%;
	padding-left: 10px;
	border-bottom: 1px solid #EEEEEE;
	height: 40px;
	line-height: 40px;
	color: #171714;
	font-weight: 500;
	margin-bottom: 0;
}
.personal-order .order-title .find-all{
	font-size: 15px;
	color: #999;
	float: right;
	margin-right: 10px;
	font-weight: 500;
}
.shop_integral_box{
	width: 90%;
	margin: -50px 5% 10px 5%;
	height: 130px;
	position: relative;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 3px 5px rgba(174,190,252,.3);
}
.shop_integral_box .integral_table{
	width: 100%;
	height: 65px;
	border-bottom: 1px dashed #e7edfd;
}
.shop_integral_box .integral_table table{
	width: 100%;
}
.shop_integral_box .integral_table table tr{
	width: 50%;
	text-align: center;
	font-size: 14px;
}
.shop_integral_box .integral_table table .integral_title{
	line-height: 20px;
}
.shop_integral_box .integral_table table .integral_title td{
	padding-top: 15px;
	width: 50%;
}
.shop_integral_box .integral_table .integral{
	color: #9da0a9;
	font-size: 14px;
	line-height: 20px;
}
.shop_integral_box .personal_data{
	width: 100%;
	height: 64px;
	text-align: center;
}
.shop_integral_box .personal_data p{
	width: 50%;
	float: left;
	height: 64px;
	color: #242424;
}
.shop_integral_box .personal_data p img{
	width: 24px;
	height: 24px;
	display: block;
	margin: 8px auto;
}
.shop_integral_box .personal_data p a{
	color: #242424;
}
.more-tool .order-title .mui-icon{
	float: right;
}
.more-tool .mui-icon img{
	width: 40px;
	height: 40px;
}
.item_box{
	width: 100%;
	height: auto;
	background: #fff;
	margin: 11px auto;
	border-bottom: 1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;
}
.item_box:last-of-type{
	margin-bottom: 60px;
}
.item_box p{
	width: 100%;
	margin: 0;
	line-height: 46px;
	height: 46px;
	color: #464545;
	font-size: 16px;
	position: relative;
	overflow: hidden;
}
.item_box p .onespan{
	float: left;
	margin-left:55px;
	width: 100%;
	height: 46px;
	border-bottom: 1px solid #f8f8f8;
}
.item_box p .mui-icon-arrowright{
	font-family: Muiicons;
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	top:12px;
	right:10px;
	color: #bbb;
}
.item_box p .special-line{
	border-bottom: 0;
}
.item_box a{
	color: #464545;
	width: 100%;
	height: 47px;
	display: block;
}
.item_box a:last-of-type p{
	border-bottom: none;
}
.item_box p img{
	width: 20px;
	height: 20px;
	top:14px;
	left: 19px;
	position: absolute;
}
.line{
	width: 100%;
	height: 10px;
	background: #F0F0F0;
	margin-top: 5px;
	border-top: 1px solid #EEEEEE;
}
.mui-grid-view.mui-grid-9{
	background: #fff;
	border-top: none;
}
.tool-box ul{
	margin: 0;
	padding: 0;
}
.tool-box ul li{
	width: 94%;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	color: #171714;
	font-size: 15px;
	border-bottom: 1px solid #EEEEEE;
}
.tool-box ul li img{
	width: 24px;
	height: 24px;
	margin-top: 13px;
	margin-right: 5px;
	vertical-align: top;
}
.tool-box ul li .more{
	float: right;
	color: #999999;
	vertical-align: top;
	margin-top: 13px;
}
#makeorderCheck{
	position: relative;
}
#makeorderCheck .red{
	position: absolute;
	background: red;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	top:0;
	left:0;
	color: #fff;
}
#makeorderCheck .red i{
	color: #fff;
}
